@import './../../lib/reset.scss';

.header {
  width: 100%;
  height: 1.6rem;
  background: url('/images/all/banner@2x.png') no-repeat center center;
  background-size: 100% 1.6rem;
  padding-top: 0.25rem;

  .heboxto {
    width: 0.45rem;
    height: 0.15rem;
    // background-color: red;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.275rem;
    
    
    span {
      font-size:0.13rem;
      // font-family:PingFang SC;
      // font-weight:400;
      color:rgba(255,255,255,1);
      
    }
  }

  .sou {
    margin-left: 0.22rem;
    margin-top: 0.07rem;
    width: 2.2rem;
    height: 0.24rem;
    background: url("/images/all/sousuo@2x.png") no-repeat 10px center;
    background-size: 0.15rem;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 0.15rem;
    padding-left: 0.325rem;

  }

  

  input::-webkit-input-placeholder{   
    /* WebKit browsers */   
       color: #999999;   
       font-size: 0.12rem;
   }   
   input:-moz-placeholder{   
   /* Mozilla Firefox 4 to 18 */   
   color: #999999;   
   font-size: 0.12rem;
   }   
   input::-moz-placeholder {   
    /* Mozilla Firefox 19+ */   
    color: #999999;   
    font-size: 0.12rem;  
   }   
   input:-ms-input-placeholder {   
    /* Internet Explorer 10+ */   
    color: #999999;   
    font-size: 0.12rem; 
   }
  
}

.wenan {
  width: 100%;
  height: 1.92rem;
  // background-color: hotpink;
  padding: 0.305rem 0.15rem 0.315rem;
  display: flex;
  justify-content: space-between;

  .shan {
    width: 1.25rem;
    height: 1.3rem;

    img {
      width: 1.25rem;
      height: 1.3rem;
    }
  }

  .box {
    width: 2.15rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    img {
      width: 2.15rem;
      height: 0.625rem;
    }
  }
}

.tui {
  width: 100%;
  // height: 100%;
  padding: 0 0.12rem;
  box-sizing: border-box;
  background-color: khaki;
  display: flex;
  flex-wrap: wrap;

  .xiang {
    width: 1.755rem;
    height: 2.45rem;

    .top{
      width: 1.755rem;
      height: 1.69rem;
      // background-color: lawngreen;
      display: flex;
      justify-content: center;
      img {
        width: 1.68rem;
        height: 1.69rem;
      }
    }

    .bottom {
      width: 1.755rem;
      height: 0.76rem;
      background-color: lightseagreen;
      background: url('/images/all/shadow@2x.png') no-repeat center center;
      background-size: 100% 0.76rem;
      padding: 0 0.04rem;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content:space-evenly;

      .title {
        font-size:0.13rem;
        font-family:PingFang SC;
        font-weight:bold;
        color:rgba(102,102,102,1);
        white-space: nowrap; 
        width: 100%; 
        overflow: hidden;
        text-overflow:ellipsis;
      }

      .youdi {
        width: 0.5rem;
        height: 0.15rem;
        background: url('/images/all/bg-juxing@2x.png') no-repeat center center;
        background-size: 0.5rem 0.15rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:0.08rem;
        color:rgba(255,255,255,1);
      }

      .right {
        display: flex;
        justify-content: space-between;

        .you {
          font-size:0.08rem;
          color:rgba(102,102,102,1);
        }

        .dian {
          display: flex;
          justify-content: space-between;
          align-items: center;
          img {
            width: 0.07rem;
            height: 0.07rem;
          }
          span {
            font-size:0.08rem;
            color:rgba(153,153,153,1);
          }
        }
      }
    }
  }
}